<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>星云交易所</title>
  <meta name="renderer" content="webkit" />
  <meta name="format-detection" content="telephone=no,email=no"/>
  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=0"/>
  <meta name="Language" content="zh-CN" />
  <meta name="Copyright" content="恐龙" />
  <meta name="Designer" content="恐龙" />
  <meta name="Publisher" content="恐龙" />
  <meta name="Distribution" content="Global" />
  <meta name="author"  content="恐龙" />
  <meta name="robots" content="index,follow" />
  <meta name="googlebot" content="index,follow,archive" />
  <link rel="stylesheet" href="./css/index.css">
</head>
<body>
  <header>
    <div class="logo">
      <img src="./img/logo.png" alt="">
      <span>星云交易所</span>
    </div>
    <div class="product" id="product" data-type="1">
      <span id="product-varieties"></span>
    </div>
    <div class="address">
      我的账户 <span id="address"></span>
      <div id="matchmaking" class="matchmaking">撮合交易</div>
    </div>
  </header>
  <div id="varieties" class="varieties-wrap"></div>
  <div id="menu-body" class="menu-body">
    <div class="menu-header">
      <span>我的资产</span>
      <img id="close-menu" src="./img/close-menu.png" alt="">
    </div>
    <p>amz协议的代币资产</p>
    <div class="menu-footer" id="menu-footer"></div>
    <p style="margin-top: 50px;">交易所资产</p>
    <div class="menu-footer" id="exchange-assets"></div>
  </div>
  <div id="vote-body" class="menu-body">
    <div class="menu-header">
      <span>给交易所上币</span>
      <img id="close-vote" src="./img/close-menu.png" alt="">
    </div>
    <p>您目前拥有交易所没有的基于amz协议代币</p>
    <div class="menu-footer" id="vote-footer"></div>
    <div id="vote-btn" class="vote-btn">上币</div>
  </div>
  <div class="body">
    <ul class="menu">
      <li id="assets" data-type="1">
        <img style="width: 36px" src="./img/assets_blue.png" alt="">
        <p>资产</p>
      </li>
      <li id="vote" data-type="1">
        <img src="./img/vote_blue.png" alt="">
        <p>上币</p>
      </li>
      <li id="service" class="service">
        <img src="./img/service.png" alt="">
        <p>客服</p>
      </li>
    </ul>
    <div class="chat"><iframe id="iframe" src="./chat.html?tokenName=AMZ" frameborder="0"></iframe></div>
    <div class="trade">
      <div class="trade-header">
        <div id="direction" class="direction active-purchase">
          <div id="purchase-menu" class="direction-item purchase">买入</div>
          <div class="direction-division"></div>
          <div id="sell-out-menu" class="direction-item sell-out">卖出</div>
        </div>
        <div class="input">
          <p id="trade-price-title">1NAS等于多少AMZ</p>
          <input type="number" id="rate">
        </div>
        <div class="input">
          <p id="trade-price-num">买入多少NAS的AMZ</p>
          <input type="number" id="num">
        </div>
        <div class="trade-btn-wrap">
          <div id="trade-btn" class="trade-btn">委托买入</div>
        </div>
      </div>
      <div class="history"></div>  
    </div>
  </div>
  <div id="toast" class="toast"></div>
  <div class="loading" id="loading">
    <div class="loading-bg"></div>
    <div class="loading-footer">
      <div class="loading-flags">
        <p>星云交易所 所交易代币均为<a target="_blank" href="https://gitee.com/p8p7/wallet">amz协议</a>的代币</p>
        <p>交易所<a class="red">撮合交易按钮</a>希望广大用户每天按一次,帮助交易所撮合交易</p>
        <p>使用本交易所必须安装<a target="_blank" href="https://github.com/nebulasio/WebExtensionWallet">星云官方钱包插件</a></p>
        <p class="red">卖出代币1分钟后 系统会再次发起一次交易(共2次),希望用户耐心等待!</p>
      </div>
      <div class="go" id="go">进入交易所</div>
    </div>
  </div>
  <script src="./js/jquery.js"></script>
  <script src="./js/nebPay.js"></script>
  <script src="./js/dom.js"></script>
  <script src="./js/index.js"></script>
  <script src="./js/trade.js"></script>
</body>
</html>